2023a 第06回:Webページの作成

前回授業の復習

文字の表現

ASCII = 128種 = 7ビット/文字 ≒ 1バイト

日本語の文字コード方言群

Shift-JIS

EUC-JP

世界共通のUnicode

UTF-8が現状最もメジャー

最近はemoji等も増え、2バイト文字/4バイト文字が主流に

文字コードを表を体験する

文字　⇔　2進数表記　を双方向変換できるwebツール

実表記: 😂

2進数表記: 11110000 10011111 10011000 10000010 (32ビット = 4バイト)

1文字あたり32bitが伝送されていく…

データの圧縮

ランレングス符号化とハフマン符号化

「0と1だけの数字列」の特性を活かした可逆圧縮

ランレングス = 0がn回続いたら次に必ず1が現れ、1がm回続いたら次に必ず0が現れる

ハフマン符号 = 1が表れたら次の情報』としよう！

コンピュータ・アーキテクチャ

ハードウェアとソフトウェア

CPU、主記憶装置、補助記憶装置、入出力

基本ソフトウェアと応用ソフトウェア

本日の講義

本日のゴール

簡単なwebページを自分で作成・公開可能になる！

珍しく課題を出します、実習で積極的に演習/ご質問を

理解していれば「１ヶ月ですぐに300万円稼げました！」フェイクは簡単につくれます(釣られないでね)

https://gyazo.com/d005df29fa1e46a277046cf501a0d7da

https://gyazo.com/012e6915c5524f242c8cdaef78bd9c71

Demo: 「短期間でこんなに稼げました！(オンラインバンキング画像)」は簡単に偽造できる

ブラウザのインストールはChromeで是非

Quiz

インデントされていない場合の不具合

ブラウザがソースコードを解釈する際にはインデントは無視されます

可読性が下がるという点につきる

prettier-atomというプラグインのインストールを推奨している理由はこれ

����ϲ����Ǥ���

エディタで修正後に保存したがブラウザの表示はそのまま

ブラウザの表示内容は「読み込んだ時点」のもののまま

変更は自動反映されないため、ページをリロードする必要がある

Demoしましょう

タイピングテスト

実習

今日は課題を課します！

持ち帰りなく、今日終わらせましょう